<template>
  <div id="app">
    <!-- //!组件缓存(只缓存首页，文章详情不缓存，路由元信息解决缓存除首页之外的东西) -->
    <!-- 以下写法会把所有组件缓存，导致文章详情都是同一篇文章 -->
    <!-- <keep-alive>
      <router-view />
    </keep-alive> -->

    <!-- //!是否要缓存该组件，关键看当前路由元信息上是否有isKeepLive -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepLive" />
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepLive" />
  </div>
</template>

<style lang="less"></style>
